/* pages/p2/map.css */
.bg {
    width: 1200px;
    height: 500px;
    background: rgb(236,209,179);
    border: 1px solid #c07f4b;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#mapImg {
    width: 1136.4px;
    height: 427.2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bg div{
    width: 150px;
    height: 120px;
    border: 1px solid red; /* 观察是否偏移 */
    cursor: pointer;
}

.bg div:nth-child(2) {
    position: absolute;
    top: 15%;
    left: 15%;
}

.bg div:nth-child(3) {
    position: absolute;
    top: 55%;
    left: 25%;
}

.bg div:nth-child(4) {
    position: absolute;
    top: 15%;
    left: 35%;
}

.bg div:nth-child(5) {
    width: 200px;
    position: absolute;
    top: 55%;
    left: 50%;
}

.bg div:nth-child(6) {
    position: absolute;
    top: 15%;
    left: 65%;
}

.bg div:nth-child(7) {
    position: absolute;
    top: 55%;
    left: 80%;
}
